<template>
	<div class="changeOrRefundContent">
		<ul class="crolist">
			<li class="croli" v-for="item in croLi">
				<div class="crolitop fix">
					<div class="ordername fl">退货单号：</div>
					<div class="ordernum fl">{{item.orderNum}}</div>
					<div class="orderstatus fr">{{item.orderStatus}}</div>
				</div>
				<div class="crolibottom fix">
					<img class="croimg fl" src="">
					<div class="cromid fl">
						<div class="cromid_title">{{item.croTitle}}</div>
						<div class="cromid_status fix">
							<img class="cromid_statusarrow fr" src="../assets/image/ico_arrows@2x.png">
							<div class="cromid_statusname fr">{{item.croStatus}}</div>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</template>
<script type="text/javascript">
import Vue from 'vue'

export default {
	name: 'app',
	data () {
		return {
			croLi:[{orderNum:'4646461461651561616',orderStatus:'审核中',croTitle:'乐町2017夏季新款女装绿色短款刺绣宽松短袖宽松宽松短袖T恤女夏韩版纯色上衣',croStatus:'仅退款',croMoney:'3000',croSaleMoney:'300',calculateNum:'3'},{orderStatus:'审核通过'},{orderStatus:'退款成功'},{orderStatus:'待验货'},{orderStatus:'换货成功',croStatus:'换货'}],
		}
	},
	methods:{
	}
}
</script>
<style lang="scss">
.changeOrRefundContent{
	.croli{ padding-top: 0.2rem; }
	.crolitop{ margin-bottom: 1px; padding: 0 0.3rem; height: 0.6rem; background: #fff; }
	.ordername{ line-height: 0.6rem; font-size: 0.28rem; color: #333; }
	.ordernum{ padding-left: 0.24rem; line-height: 0.6rem; font-size: 0.32rem; color: #333; }
	.orderstatus{ line-height: 0.6rem; font-size: 0.24rem; color: #ff365d; }
	.crolibottom{ padding: 0 0.3rem; height: 1.74rem; background: #fff; }
	.croimg{ margin-top: 0.2rem; width: 1.34rem; height: 1.34rem; background: #eee; }
	.cromid{
		padding-left: 0.16rem; width: 5.4rem; height: 1.54rem; position: relative;
		.cromid_title{ padding-top: 0.16rem; line-height: 0.36rem; font-size: 0.24rem; color: #999; }
		.cromid_status{ height: 0.24rem; position: absolute; right: 0; bottom: 0; }
		.cromid_statusarrow{ display: block; padding-left: 0.1rem; width: 0.14rem; height: 0.24rem; }
		.cromid_statusname{ line-height: 0.22rem; font-size: 0.24rem; color: #151517; }
	}
}
</style>
